html,
body {
  user-select: none;
}
.layui-fluid {
  padding: 10px;
}
.layui-panel {
  padding: 20px;
  background-color: #fff;
}
.layui-panel .head {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  height: 32px;
}
.layui-panel .head .layui-form-item {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  height: 32px;
  width: 255px;
}
.layui-panel .head .layui-form-item .layui-form-label {
  margin-right: 15px;
  padding: 0;
  width: 32px;
  line-height: 1;
  font-size: 14px;
}
.layui-panel .head .layui-form-item .layui-input-block {
  margin-left: 0;
  margin-right: 10px;
  padding-top: 6px;
  width: 215px;
}
.layui-panel .head .layui-form-item.date {
  width: 475px;
}
.layui-panel .head .layui-form-item.date .layui-inline {
  padding-top: 6px;
  display: flex;
  align-items: center;
}
.layui-panel .head .layui-form-item .btns button {
  width: 73px;
}
.layui-panel .head .layui-form-item .btns button.submit {
  background-color: #1e9fff;
}
.layui-panel .head .layui-form-item .btns button .layui-icon {
  font-size: 12px;
  vertical-align: middle;
}


.layui-panel .list {
  position: relative;
  display: flex;
  justify-content: space-between;
  height: 32px;
  width: 100%;
}
.layui-panel .list .left {
  display: flex;
  justify-content: space-between;
  width: 156px;
}
.layui-panel .list .left button {
  border: 1px solid #b3d8ff;
  width: 73px;
  border-radius: 3px;
  color: #409EFF;
  background-color: #ecf5ff;
  text-align: center;
  transition: all 0.5s;
}
.layui-panel .list .left button:hover {
  color: #fff;
  background-color: #409EFF;
}
.layui-panel .list .left button.exprot {
  color: #E6A23C;
  background: #fdf6ec;
  border-color: #f5dab1;
}
.layui-panel .list .left button.exprot:hover {
  color: #fff;
  background-color: #E6A23C;
}
.layui-panel .right {
  display: flex;
  justify-content: space-between;
  width: 115px;
}
.layui-panel .right li {
  position: relative;
  width: 32px;
  height: 32px;
  border: 1px solid #eee;
  border-radius: 50%;
  text-align: center;
}
.layui-panel .right li:hover,
.layui-panel .right li.active {
  border-color: #409eff;
}
.layui-panel .right li:hover .layui-icon,
.layui-panel .right li.active .layui-icon {
  color: #409eff;
}
.layui-panel .right li .layui-icon {
  font-size: 13px;
  line-height: 32px;
}
.layui-panel .TT {
  /* display: flat; */
  position: absolute;
  right: 0;
  top: 32px;
  width: 150px;
  padding: 15px;
  background: #FFF;
  border-radius: 4px;
  border: 1px solid #EBEEF5;
  z-index: 2000;
  color: #606266;
  line-height: 2;
  font-size: 14px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.layui-panel .TT dt {
  display: flex;
  align-items: center;
  margin-top: 15px;
  text-align: left;
}
.layui-panel .TT dt:nth-child(1) {
  margin-top: 0;
}
.layui-panel .TT dt input {
  margin: 0 5px;
  outline: #409eff;
  border-color: #409eff;
}
.layui-panel .TT dt .layui-icon {
  margin-top: 0;
  vertical-align: middle;
}
.layui-panel .TT dt span {
  flex: 1;
}
.layui-panel .TT dt span.active {
  color: #409eff;
}

/* 表单 */
.layui-panel .layui-table {
  margin-top: 15px;
}
.layui-panel .layui-table th {
  font-size: 14px;
  color: #646464;
  text-align: center;
  font-weight: 700;
}
.layui-panel .layui-table td {
  font-size: 14px;
  text-align: center;
}
.layui-panel .layui-table tr {
  background-color: #fff;
}
.layui-panel .layui-table tr img {
  width: 120px;
}
.layui-panel .layui-table tr .status {
  padding: 0 10px;
  height: 32px;
  border: 1px solid #d9ecff;
  background-color: #ecf5ff;
  line-height: 30px;
  font-size: 12px;
  border-radius: 3px;
  color: #409EFF;
}
.layui-panel .layui-table tr .handler {
  justify-content: center;
  width: 100%;
}
.layui-panel .layui-table tr .handler li {
  margin-right: 10px;
  position: relative;
  border: 0;
  width: 35px;
  height: 35px;
  background-color: #409eff;
}
.layui-panel .layui-table tr .handler li .layui-icon {
  font-size: 18px;
  line-height: 35px;
  color: #fff;
}
.layui-panel .layui-table tr .handler li.del {
  background-color: #f56c6c;
}
.layui-panel .layui-table tr .handler li.del.active,
.layui-panel .layui-table tr .handler li.del:hover {
  background-color: #f78989;
}
.layui-panel .layui-table tr .handler li.active,
.layui-panel .layui-table tr .handler li:hover {
  background-color: #66b1ff;
}
textarea {
  padding-top: 15px;
}
textarea::placeholder {
  font-size: 22px;
  color: #c0c4cc;
}
dt .layui-icon-component {
  margin-top: 20px;
  margin-left: 15px;
}
.noInfo {
  background: url(../images/iconNoting.95946434.png) no-repeat center;
}
.page1 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 20px;
  height: 32px;
}
.page1 .count {
  margin-right: 10px;
  font-size: 13px;
  line-height: 32px;
  color: #000052;
}
.page1 #page {
  height: 32px;
  text-align: right;
}
.page1 #page .layui-laypage {
  margin: 0;
}

